{* <div class="goods-banner">
  <div class="banner">
    <ul class="clearfix" id="carouselBanner">
      {foreach $list as $k=>$v}
      <li><a href="javascript:void(0);"><img src="{_image($v, 'big')}"/></a></li>
      {/foreach}
    </ul>
    <div class="pagesBanner">
        {foreach $list as $k=>$v}
          <a href="javascript:void(0);"></a>
        {/foreach}
    </div>
  </div>
</div>
*}
<div class="swiper_over">
  <div class="swiper-container">
      <div class="swiper-wrapper clearfix">
        <div class="swiper-slide" style="background:none"></div>
        {foreach $list as $k=>$v}
          <div class="swiper-slide"><img src="{_image($v, 'big')}" /></div>
        {/foreach}
        <div class="swiper-slide" style="background:none"></div>
      </div>
      <!-- Add Pagination -->
      <div class="swiper-pagination"></div>
    </div>
  </div>
  {load_js file="swiper.min.js"}
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        slidesPerView: 3,
        paginationClickable: true,
        spaceBetween: 30,
        width: 700
    });

    window.onload = function(){
      swiper.slideTo(1, 0, false);
      if(swiper.activeIndex == 0){
        $('.swiper-pagination').css('width', '699px');
        $('.swiper_over').css('margin-left', '-4%');
      }
    }
</script>